<section id="portfolio" class="bg-light-gray" style="margin-top:-110px;">
    <div class="container">

            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading"><?= $Heading ?></h2>
                </div>
                
                <div class="col-lg-12 text-center">
                    <center>
                        <div class="input-group" >
                                <input id="search_q" name="search" class="form-control" placeholder="Search" style="width:70%">
                                <select id="sel" class="form-control" style="margin-top:-34px; margin-left:70%;width:30%;" >
                                    <option>Ads</option>
                                    <option>Notes</option>
                                    <option>Users</option>
                                </select>    
                                <button id="search_btn"  onclick="search_rout('<?=base_url()?>')" style="margin-left:99%; margin-top:-57px;" class="btn btn-primary"><i class="fa fa-search"></i></button>
                                <br><br>
                        </div>

                        <br>
                        <div class="row">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="col-md-2">
                                        <h4>Sort by: </h4>
                                    </div>
                                    <div class="col-md-4">                                    
                                            <select class="form-control" id="sort_by"> 
                                                <option value="full_name">Alphabetical</option> 
                                            </select>
                                    </div>

                                     <div class="col-md-2">
                                        <select class="form-control" id="sort_order">
                                            <option value="asc">&uarr; &nbsp;Ascending</option>
                                            <option value="desc">&darr; &nbsp;Descending</option>    
                                        </select>   
                                    </div>

                                    <div class="col-md-2">
                                        <button onclick='sort_users("<?php echo base_url(); ?>", "<?= $search_q ?>")' class="btn btn-primary">SORT</button>
                                    </div>
                                </div>
                             </div>   
                        </div>                      
                    </center>
                    <br>
                </div>
            </div>


            <?php $endl = 1;
            $id = 0;
      		?>       
        
            <?php foreach($records as $row) {
                   if($endl%6==0)
                   echo "<div class='row'>"; 
             ?>
            <div class="col-md-2">
            	<center>
	                <div class="img-div-md"  >
	                    <img src="<?= $row->dp ?>" />
	                </div> 
	            </center>
	            <center>
	            	<p><?= $row->full_name ?></p>
	            	<p><?= $row->email ?></p>
	            	<p>ph# problem</p>
	            </center>
            </div>

            <?php
            if($endl % 6 ==0)
                echo "</div>";

            $endl++;
            $id++; 

             }
              

              ?> 

              <div class="row">
            <div class="col-md-12">
                <center>
                    <?php echo $this->pagination->create_links(); ?>
                </center>
            </div>
        </div>

    </div>
</section>